<template>
  <div class="test">
    <input id="fruit" name="aaa" list="fruitlist" style="height:29px ;border:1px solid #DEE1E7;border-radius:3px;"/>
    <datalist id="fruitlist" cssClass="border-color:grey;">
      <option value="">请选择</option>
      <option value="apple">苹果</option>
      <option value="banana">香蕉</option>
    </datalist>
  </div>
</template>

<script>

export default {
  name: "Test",
  props: {

  },
  data() {
    return {

    };
  },
  computed: {

  },
  created() {

  },
  mounted() {
  },
  watch: {

  },
  methods: {

  },
  components: {
  },
};
</script>

<style lang="scss">
  html, body, #app{
    height:100%;
    width:100%;
  }
</style>

<style scoped lang="scss">

</style>
